define(['vue'], function(Vue) {
  Vue.transition('fadeToggle', {
    css: false,
    enter: function(el, done) {
      // 元素已被插入 DOM
      // 在动画结束后调用 done
      $(el)
        .css('opacity', 0)
        .animate({ opacity: 1 }, 200, done)
    },
    enterCancelled: function(el) {
      $(el).stop()
    },
    leave: function(el, done) {
      // 与 enter 相同
      $(el).animate({ opacity: 0 }, 200, done)
    },
    leaveCancelled: function(el) {
      $(el).stop()
    }
  })
});
